<template>
  <div class="hk_all">
    <h3 class="tip">
      {{$t('hkStock.hk_All.56hzvjc5vp40')}}
      <span class="tip_imp">{{$t('hkStock.hk_All.56hzvjc5w680')}}</span
      >{{$t('hkStock.hk_All.56hzvrtjokw0')}}
    </h3>
    <stock-all :sortList="hk_gem" type="HK" @ListClick="ListClick"></stock-all>
  </div>
</template>
<script>
import stockAll from "@/components/stock/stock_all.vue";
export default {
  components: { stockAll },
  data() {
    return {
      hk_gem: {
        toggleShow: true,
        order: ["", "DESC", "ASC"],
        name: "order",
        url: "/api/market/index", // 创业版 HK
        submit: {
          order: "DESC",
          plate: "2",
          field: "gain",
          pageSize: "40",
          type: "HK",
          securityType: "1",
          page: 1,
        },
      },
    };
  },
  methods: {
    ListClick(isTrue) {
      this.$store.dispatch("SetHkActive", isTrue);
    },
  },
};
</script>
<style lang="less">
.hk_all {
  .tip {
    color: @fbSix;
    font-size: 12px;
    line-height: 36px;
    .tip_imp {
      color: @hoverColor;
    }
  }
}
</style>